<template>
  <a-modal
    v-model="dialogVisible"
    title="弹窗标题"
    :confirm-loading="confirmLoading"
    :width="700"
    :mask-closable="false"
    :body-style="{
      maxHeight: '600px',
      overflowY: 'auto'
    }"
    @ok="okHandle"
  >
  </a-modal>
</template>
<script>
export default {
  name: 'BaseDialog',
  props: {
    // 是否显示
    visible: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      confirmLoading: false
    }
  },
  computed: {
    dialogVisible: {
      get: function() {
        return this.visible
      },
      set: function(newValue) {
        this.$emit('update:visible', newValue)
      }
    }
  },
  mounted() {},
  methods: {
    okHandle() {}
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped></style>
